<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery-slim.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<title>boot组件</title>
</head>
<body>
<div class="container">

	<div class="navbar navbar-dark bg-dark navbar-expand-md">
		<a class="navbar-brand" href="">Bootstrap中文网</a>
		
		<button class="navbar-toggler" data-target="#d1" data-toggle="collapse">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div id="d1" class="collapse navbar-collapse">
			<ul class="navbar-nav">
				<li class="nav-item"><a class="nav-link" href="">boot3</a></li>
				<li class="nav-item"><a class="nav-link" href="">boot4</a></li>
				<li class="nav-item"><a class="nav-link" href="">boot5</a></li>
				<li class="nav-item"><a class="nav-link" href="">boot6</a></li>
				<li class="nav-item"><a class="nav-link" href="">boot7</a></li>
			</ul>
		</div>
		
	</div>

	

</div>

</body>
</html>